<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能制造分析系统 - 原型设计</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        .prototype-container {
            height: calc(100vh - 4rem);
        }
        .prototype-frame {
            height: 100%;
            border: none;
        }
    </style>
</head>
<body class="bg-gray-100">
    <!-- 顶部导航 -->
    <nav class="bg-white shadow-sm">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
                <div class="flex">
                    <div class="flex-shrink-0 flex items-center">
                        <i class="fas fa-industry text-blue-600 text-2xl"></i>
                        <span class="ml-2 text-xl font-semibold">智能制造分析系统</span>
                    </div>
                </div>
                <div class="flex items-center">
                    <div class="relative">
                        <select id="pageSelector" class="block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
                            <option value="dashboard.html">生产监控</option>
                            <option value="yield-analysis.html">良率分析</option>
                            <option value="equipment.html">设备维护</option>
                            <option value="data-source.html">数据源配置</option>
                            <option value="settings.html">系统设置</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <!-- 原型展示区域 -->
    <div class="prototype-container">
        <iframe id="prototypeFrame" src="dashboard.html" class="prototype-frame w-full"></iframe>
    </div>

    <script>
        document.getElementById('pageSelector').addEventListener('change', function(e) {
            document.getElementById('prototypeFrame').src = e.target.value;
        });
    </script>
</body>
</html> 